<template>
  <div>
    <div>
      <router-link class="zzx" to="/shouye">首页</router-link>
      <router-link class="zzx" to="/fenlei">分类</router-link>
      <router-link class="zzx" to="/dingdan">订单</router-link>
      <router-link class="zzx" to="/wode">我的</router-link>
    </div>
    <h3>显示路由切换页面</h3>
    <div style="border: 1px solid red">
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style>
.zzx {
  margin: 0 10px;
}
</style>